<div class="col shadow-sm p-2 m-1 mx-0 rounded-4" style="background-color: {{bgColor}}">

  <mat-slider [max]="12" showTickMarks="true" [discrete]="true" class="w-75">
    <input matSliderThumb [(ngModel)]="userAccessLevel" #slider>  </mat-slider>
  <h3>Выбор разрешений для сейфа</h3>


  <div style="min-height: 200px">
    <mat-chip class="m-1" *ngFor="let p of _permisions" (click)="addToSelectedList(p)">
      {{p.name}}
    </mat-chip>
  </div>

  <mat-divider class="my-3"></mat-divider>

  <h3>Выбранные</h3>
  <div>
    <mat-chip class="m-1 bg-warning" *ngFor="let p of selectedPermisions" (click)="removeFromSelectedList(p)">
      {{p.name}}
    </mat-chip>
  </div>


</div>

